<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page contentType="text/html; charset=UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Vnplace -  Tạo tài khoản mới</title>
	
	<!-- CSS -->
	<link href="systemAdmin/css/transdmin.css" rel="stylesheet" type="text/css" media="screen" />
	<link href="css/transdmin.css" rel="stylesheet" type="text/css" media="screen" />
	<!-- JavaScripts-->
	<script type="text/javascript" src="js/validateInput.js"></script>
	<script type="text/javascript">
	    var _gaq = _gaq || [];
	    _gaq.push(['_setAccount', 'UA-29994824-22']);
	    _gaq.push(['_trackPageview']);
	
	    (function () {
	        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	    })();
	
	</script>
	<style>
		body {
			font-family: 'Open Sans', sans-serif;
			font-size: 15px;
		}
		
		#header {
			height: 60px;
			width: max;
			background: #19A3A3;
			color: white;
			/* 		position: fixed; */
		}
		
		a.logout {
			list-style: none;
			font-size: 15px;
			float: right;
			padding-top: 22px;
			text-decoration: none;
			color: white;
			margin-right: 20px;
		}
		
		a.logout:hover {
			color: #E6E6B8;
			text-decoration: underline;
			font-size: 16px;
		}
		
		p.hello {
			float: right;
			font-size: 15px;
			margin-right: 30px;
			padding-top: 22px;
		}
		
		li.createacc {
			background: #B2E0E0;
		}
		
		p.p1 {
		
			display:none;
			color:#F00;
		}
		input{
			height: 25px;
		}
		input.save{
			width: 80px;
			background: #19A3A3;
			border: thin;
			color: white;
			font-size: 1.1em;
		}
		input.cancel {
			background: #19A3A3;
			border: thin;
			color: white;
			font-size: 1.1em;
		}
		#message{
			border: 1px solid #6666CC;
			width: 500px;
			height: 50px;
			background: #D8D8D8 ;
			margin-left: 10px;
			margin-top: 10px;
			margin-bottom: 10px;
			border-radius: 5px;
		}
		p.message{
			color: #6633CC;
			padding-left: 30px;
			padding-top: 20px;
		}
		#show-success{
			border: 1px solid #6666CC;
			width: 500px;
			height: 50px;
			background: #D5FFCE;
			margin-left: 10px;
			margin-bottom: 10px;
			border-radius: 10px;
		}
		ul#ul-success li{
			float: left;
		}
		p.success{
			padding-top: 15px;
		}
	</style>
</head>

<body>
	<div id="wrapper">
		<!-- h1 tag stays for the logo, you can use the a tag for linking the index page -->
		<div id="header">
			<%String acc = (String)session.getAttribute("acc"); %>
			<b><a href="logout.jsp" class="logout">Đăng xuất</a></b>
			<%
				if(acc==null){
					response.sendRedirect("/Vnplace/systemAdmin/login.jsp");
				}else{
			%>
			<p class="hello">
				Chào <b><%=acc %></b>
			</p>
			<%} %>
		</div>
		<!-- // #end mainNav -->

		<div id="containerHolder">
			<h1>Hệ thống quản lý</h1>
			<div id="container">
				<div id="sidebar">
					<ul class="sideNav">
						<li><a href="/Vnplace/systemAdmin/systemAdmin.jsp">Trang chủ</a></li>
						<li><a href="/Vnplace/systemAdmin/manageAccount.jsp">Quản lý tài khoản</a></li>
<!-- 						<li><a href="/Vnplace/systemAdmin/createAccount.jsp">Tạo tài khoản mới</a></li> -->
					</ul>
					<!-- // .sideNav -->
				</div>
				
				<div id="main">
					<form action="/Vnplace/CreateAccount" name="myForm" method="post" onsubmit="return checkInput();">
						<fieldset>
							<legend>Tạo mới tài khoản</legend>
							
							<%Object a = request.getAttribute("mess");
							  if(a!=null){
							%>
							<div id="show-success">
									<ul id="ul-success">
										<li> <img src="content-editor/image/tich.png" alt="" width="40px" height="40px" style="margin-left: 10px;margin-top: 5px;"/> </li>
										<li><p class="success">
												<%=a.toString() %>
										</p></li>
									</ul>
								</div>
							<%} %>
							<table>
								<tr>
									<td align="right" width="300px">Họ và tên:</td>
									<td><input type="text" name="fullname" size="25" id="username" required="required"/>
									</td>
								</tr>
								<tr>
									<td align="right">Ngày Sinh:</td>
									<td><input type="text" name="dob" id="dob" size="25" required="required"
										placeholder="ví dụ: 1992-06-23" /> <!-- 															 <select id="day" name="day" tabindex="6" > -->
										<!-- 																<option value="-1">Ngày</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> -->
										<!-- 																 <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> -->
										<!-- 																 <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option>  -->
										<!-- 																 <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option>  -->
										<!-- 																 <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> -->
										<!-- 																 <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> -->
										<!-- 															</select> --> <!-- 															<select id="month" name="month" tabindex="7"> -->
										<!-- 																<option value="-1">Tháng</option> <option value="1">Tháng 1</option> <option value="2">Tháng 2</option> <option value="3">Tháng 3</option> <option value="4">Tháng 4</option>  -->
										<!-- 																<option value="5">Tháng 5</option> <option value="6">Tháng 6</option> <option value="7">Tháng 7</option> <option value="8">Tháng 8</option> <option value="9">Tháng 9</option>  -->
										<!-- 																<option value="10">Tháng 10</option> <option value="11">Tháng 11</option> <option value="12">Tháng 12</option> -->
										<!-- 															</select> --> <!-- 															<select id="year" name="year" tabindex="8"> -->
										<!-- 																<option value="-1">Năm sinh</option> <option value="2014">2014</option> <option value="2013">2013</option> <option value="2012">2012</option> <option value="2011">2011</option> <option value="2010">2010</option>  -->
										<!-- 																<option value="2009">2009</option> <option value="2008">2008</option> <option value="2007">2007</option> <option value="2006">2006</option> <option value="2005">2005</option> <option value="2004">2004</option> <option value="2003">2003</option> <option value="2002">2002</option> <option value="2001">2001</option> <option value="2000">2000</option>  -->
										<!-- 																<option value="1999">1999</option> <option value="1998">1998</option> <option value="1997">1997</option> <option value="1996">1996</option> <option value="1995">1995</option> <option value="1994">1994</option> <option value="1993">1993</option> <option value="1992">1992</option> <option value="1991">1991</option> <option value="1990">1990</option> -->
										<!-- 																<option value="1989">1989</option> <option value="1988">1988</option> <option value="1987">1987</option> <option value="1986">1986</option> <option value="1985">1985</option> <option value="1984">1984</option> <option value="1983">1983</option> <option value="1982">1982</option> <option value="1981">1981</option> <option value="1980">1980</option>  -->
										<!-- 																<option value="1979">1979</option> <option value="1978">1978</option> <option value="1977">1977</option> <option value="1976">1976</option> <option value="1975">1975</option> <option value="1974">1974</option> <option value="1973">1973</option> <option value="1972">1972</option> <option value="1971">1971</option> <option value="1970">1970</option> -->
										<!-- 																<option value="1969">1969</option> <option value="1968">1968</option> <option value="1967">1967</option> <option value="1966">1966</option> <option value="1965">1965</option> <option value="1964">1964</option> <option value="1963">1963</option> <option value="1962">1962</option> <option value="1961">1961</option> <option value="1960">1960</option>  -->
										<!-- 																<option value="1959">1959</option> <option value="1958">1958</option> <option value="1957">1957</option> <option value="1956">1956</option> <option value="1955">1955</option> <option value="1954">1954</option> <option value="1953">1953</option> <option value="1952">1952</option> <option value="1951">1951</option> <option value="1950">1950</option> -->
										<!-- 																<option value="1949">1949</option> <option value="1948">1948</option> <option value="1947">1947</option> <option value="1946">1946</option> <option value="1945">1945</option> <option value="1944">1944</option> <option value="1943">1943</option> <option value="1942">1942</option> <option value="1941">1941</option> <option value="1940">1940</option> -->
										<!-- 																<option value="1939">1939</option> <option value="1938">1938</option> <option value="1937">1937</option> <option value="1936">1936</option> <option value="1935">1935</option> <option value="1934">1934</option> <option value="1933">1933</option> <option value="1932">1932</option> <option value="1931">1931</option> <option value="1930">1930</option>  -->
										<!-- 															</select> --></td>
								</tr>
								<tr>
									<td align="right">Địa chỉ:</td>
									<td><input type="text" name="address" id="address" required="required" size="40" /></td>
								</tr>
								<tr>
									<td align="right">Số CMND:</td>
									<td><input type="text" name="cmt" id="cmt" required="required" size="25" /></td>
								</tr>
								<tr>
									<td align="right">Email:</td>
									<td><input type="text" name="email" id="email" placeholder="ví dụ: ducsinh@gmail.com..." size="35" required="required"/>
										<p class="p1" id="email_error"></p>
									</td>
								</tr>
								<tr>
									<td align="right">Số Điện Thoại:</td>
									<td><input type="text" name="phone" id="phone" required="required" size="20" /></td>
								</tr>
								<tr>
									<td align="right">Tài khoản:</td>
									<td><input type="text" name="username" id="account" required="required" size="25" /></td>
								</tr>
								<tr>
									<td align="right">Mật khẩu:</td>
									<td><input type="password" name="password" id="password" placeholder="ví dụ: DucSinh92..." required="required" size="25" />
										<p class="p1" id="password_error"></p>
									</td>
								</tr>
								<tr>
									<td align="right">Xác nhận mật khẩu:</td>
									<td><input type="password" name="repass" id="repass" required="required" size="25" />
										<p class="p1" id="repass_error"></p>
									</td>
								</tr>
								<tr>
									<td align="right">Chức vụ:</td>
									<td><select name="role" id="role" required="required">
											<option selected="selected">-------Chọn-------</option>
											<option value="Content Editor">Content Editor</option>
											<option value="System Admin">System Admin</option>
									</select></td>
								</tr>
								<tr>
									<td align="right"></td>
									<td>
										<input type="submit" name="Luu" value="Lưu" class="save"/>
										<input type="button" name="Huy" value="Hủy"
										class="cancel" onclick="window.location='manageAccount.jsp" /></td>
								</tr>
							</table>
						</fieldset>
					</form>
				</div>
				<!-- // #main -->

				<div class="clear"></div>
			</div>
			<!-- // #container -->
		</div>
		<!-- // #containerHolder -->
		<div id="footer">
			<p class="copyright">©Copyright 2014 VnPlace.vn</p>
		</div>
	</div>
	<!-- // #wrapper -->
</body>
</html>




